| |
続いては、具体的な例で「onDblClick」の使用方法を確認していきましょう。以下は、ホームページ画像をダブルクリックすると、そのリンク先へ移動できるリンク集です。この例では、『画像をダブルクリック』がJavaScriptを実行する条件となるため、IMGタグにonDblClickイベントを追加します。なお、リンク先へ移動するJavaScriptは「location.href=（リンク先のURL）」と記述します。また、以下の例では、画像と文字を配置するためにTABLEを利用しています。
|
<TABLE width="800">
<TR><TD>
■インフォシーク<BR>
<IMG src="img1.jpg" border="2"
onDblClick="location.href='http://www.infoseek.co.jp/'">
</TD><TD>
■楽天市場<BR>
<IMG src="img2.jpg" border="2"
onDblClick="location.href='http://www.rakuten.co.jp/'">
</TD><TD>
■インフォシーク isweb<BR>
<IMG src="img3.jpg" border="2"
onDblClick="location.href='http://isweb.www.infoseek.co.jp/'">
</TD></TR>
</TABLE> |
 |
|
